<template>
  <view class="app-container ver-layout">
    <view class="title">教学目标</view>
    <view class="content">{{ goalContent }}</view>
  </view>
</template>

<script>
import {StudentTeachGoalApi} from "@/api/recordStudy.js"

let engine = new StudentTeachGoalApi()

export default {
  name: "goalDetail",
  data() {
    return {
      goalObj: {},
      goalContent: ''
    }
  },
  onLoad(options) {
    console.log(options)
    this.goalObj = options
    this.getTeachGoalDetail()
  },
  methods: {
    getTeachGoalDetail() {
      engine.getTeachGoalDetail(this.goalObj.id).then(res => {
        this.goalContent = res.data
      })
    }
  }
}
</script>

<style scoped>
.title {
  margin-top: 6px;
  font-size: 14px;
  color: #000000;
}

.content {
  min-height: 80vh;
  padding: 12px;
  margin-top: 12px;
  background: #F2F2F2;
  border-radius: 6px;
  font-size: 14px;
  color: #000000;
  line-height: 24px;
}
</style>
